
* {
	margin: 0;    /*去掉间隙*/
	padding: 0;
	list-style: none;  /*去掉小点*/
}

.w {
	width: 1200px;
	height: 600px;
	margin: 0 auto 0 auto;
	/*background: red;*/
}

.w .left {
	position: relative;
	
	width: 800px;
	height: 400px;
	
	/* 隐藏超出部分内容 */
	overflow: hidden;
	
	/*左边浮动: 左右方块并在一行*/
	float: left;
	/*background: green;*/
	
	
	/*边框*/
	/*border: 5px solid red;*/
	
}

.w .left .big-img {
	
	/* 动画设置, CSS3
	 * 0.5s  设置动画持续时间
初始状态：   1张    margin-left: -800px
结束状态 :  2张   margin-left: -1600px
	 * 
	 * 
	 * 
	transition: none;  关闭动画
	transition: 0.5s;   打开动画
	 *  */
	transition: 0.5s;
	
	/* 设置大盒子的宽度，为了能够容纳所有的图片*/
	width: 4800px;
	
	height: 340px;
	
	/*左边的外边距 */
	/*margin-left: -400px;*/
}

.w .left .big-img li {
	float: left;
}

/* 图片样式*/
.w .left .big-img li img {
	width: 800px;
	height: 340px;
}

.w .left .desc {
	
	position: absolute;
	left: 0;
	top: 340px;
	
	/*margin-top: -10px;*/
	
	height: 60px;
	
	background: rgb(18,17,18);
}

.w .left .desc li {
	
	float: left;
	
	width: 160px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: rgb(18,17,18);
/*
	color: rgb(188,148,80);*/
	color: rgb(200,200,200);
}

.w .left .desc .active {
	color: rgb(188,148,80);
	background: rgb(48,48,48);
}


.w .right {
	float: left;
	
	width: 300px;
	height: 400px;
	background: green ;
	
	/* 距离左边的间隙 */
	margin-left: 20px;
}


.w .right .xzyxlm {
	width: 300px;
	height: 100px;
	
	background: url(../img/xzyxlm.png);

	/* 让背景图片和盒子的宽高保持一致 */
	background-size: 100%;
}

.w .right .block {
	margin-top: 30px;
	
	width: 300px;
	height: 250px;
	background: rgb(246,246,246);
}

.w .right .block li {
	float: left;  /*向左浮动*/
	margin: 5px 5px 5px 5px;
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: rgb(85,85,85);
	font-size: 12px;
	background: white;
}

.w .right .block li i {
	display: block;
	float: left;
	margin-top: 8px;
	width: 30px;
	height: 30px;
	background: url(../img/spr.png);
	background-position: -198px 0;
}

